<div>
    <div class="row1">
        <div class='col-md-3'>
            <div class="home_title">
                <div></div>
            </div>
        </div>
        <div class='col-md-3'>
            <div class="home_title"></div>
        </div>
        <div class='col-md-3'>
            <div class="home_title"></div>
        </div>
        <div class='col-md-3'>
            <div class="home_title"></div>
        </div>
    </div>
    <div class="row2">
        <div class="col-md-4">
            <div class="home_msg">
                <div class="img1"></div>
                <table class="table table-hover">
                    <thead>
                        <td>校园新闻</td>
                    </thead>
                    <tbody>
                        <tr>
                            <td>test1</td>
                        </tr>
                        <tr>
                            <td>test1</td>
                        </tr>
                        <tr>
                            <td>test1</td>
                        </tr>
                        <tr>
                            <td>test1</td>
                        </tr>
                        <tr>
                            <td>test1</td>
                        </tr>
                        <tr>
                            <td>test1</td>
                        </tr>
                        <tr>
                            <td>test1</td>
                        </tr>
                        <tr>
                            <td>test1</td>
                        </tr>
                    </tbody>

                </table>
            </div>
        </div>
        <div class="col-md-4">
            <div class="home_msg">
                <div class="img2"></div>
                <table class="table table-hover">
                    <thead>
                        <td>通知公告</td>
                    </thead>
                    <tbody>
                        <tr>
                            <td>test1</td>
                        </tr>
                        <tr>
                            <td>test1</td>
                        </tr>
                        <tr>
                            <td>test1</td>
                        </tr>
                        <tr>
                            <td>test1</td>
                        </tr>
                        <tr>
                            <td>test1</td>
                        </tr>
                        <tr>
                            <td>test1</td>
                        </tr>
                    </tbody>

                </table>
            </div>
        </div>
        <div class="col-md-4">
            <div class="home_msg">
                <div class="img3"></div>
                <table class="table table-hover">
                    <thead>
                        <td>学术活动</td>
                    </thead>
                    <tbody>
                        <tr>
                            <td>test1</td>
                        </tr>
                        <tr>
                            <td>test1</td>
                        </tr>
                        <tr>
                            <td>test1</td>
                        </tr>
                    </tbody>

                </table>
            </div>
        </div>
    </div>
</div>

<style>
    .home_title {
        height: 100px;
        padding: 25px 10px 10px 20px;
        margin-left: 35px;
        background: #fff;
        border-radius: 5px;
        box-shadow: 2px 2px 10px #ccc;
    }
    
    .home_msg {
        height: 450px;
        margin-left: 20px;
        margin-top: 20px;
        background: #fff;
        border-radius: 5px;
        box-shadow: 2px 2px 10px #ccc;
    }
    
    .img1,
    .img2,
    .img3 {
        height: 100px;
        border-radius: 5px;
        background-size: 100% 100%;
    }
    
    .img1 {
        background-image: url(./images/1527084777947.png);
    }
    
    .img2 {
        background-image: url(./images/1527084926832.png);
    }
    
    .img3 {
        background-image: url(./images/QQ图片20180523211632.png);
    }
    
    thead td {
        color: #909399;
        font-weight: 500;
    }
    
    tr td {
        cursor: pointer;
    }
</style>